<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" > 
    <head>
        <title>Positioning Models</title>
        <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
        <link rel="stylesheet" href="site.css"   media="all"    type="text/css" />
        <link rel="stylesheet" href="page.css"   media="all"    type="text/css" />
        <!-- link rel="stylesheet" href="print.css"  media="print"  type="text/css" / -->
    </head>

    <body>
        <h1>Positioning Models</h1>
        <div class="section">
            <h2>Before</h2>
            <p>
                <span class="box_base">Static</span>
                <span class="box_base">Absolute</span>
                <span class="box_base">Fixed</span>
                <span class="box_base">Relative</span>
                <span class="box_base">Float</span>
                <span class="box_base">Relative Float</span>
            </p>
        </div>

        <div class="section">
            <h2>After</h2>
            <p id="paragraph_after_id" class="">
                <span class="box_base static_cls">Static</span>
                <span class="box_base absolute_cls">Absolute</span> 
                <span class="box_base fixed_cls">Fixed</span>
                <span class="box_base relative_cls">Relative</span> 
                <span class="box_base float_cls">Float</span>
                <span class="box_base relative_cls float_cls" >Relative Float</span>

            </p>
        </div>  

        <!-- Extend the page to demonstrated how fixed works. -->
        <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
        <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
        <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
        <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
    </body>
</html>
